<template>
  <div class="WorkbenchContent pd20 shadow-info" :class="classList">
    <div class="WorkbenchContent-title color-drak size16 mrb20">
      {{ title }}
    </div>
    <div
      style="height:calc(100% - 41px)"
      class=" "
      :class="isScrollbar ? 'scrollbar-base' : 'scrollbar-slinder-none'"
    >
      <slot></slot>
    </div>
  </div>
</template>
<script>
export default {
  name: "WorkbenchContent",
  data() {
    return {};
  },
  props: {
    title: {
      default: "",
      type: String
    },
    classList: {
      default: "",
      type: String
    },
    isScrollbar: {
      default: false,
      type: Boolean
    }
  }
};
</script>
<style lang="scss" scoped>
.WorkbenchContent {
  border-radius: 4px;
  .WorkbenchContent-title {
    border-left: 4px solid #3577ce;
    padding-left: 10px;
  }
  .chartFull {
    top: 0;
    left: 0;
    padding: 20px;
  }
}
</style>
